<template>
  <view class="page">
    <UserDate/>
    
    <view class="tcard flexR" @click="toMedicines">
      <view class="left flexR">
        <img class="img" :src="`${$store.state.baseApi}/icon/success.png`" alt="">
        <view class="info">
          <view class="">大兴院区门诊</view>
          <view class="time">就诊时间：2024-04-24</view>
        </view>
      </view>
      <u-icon class="arrow-right" name="arrow-right"></u-icon>
    </view>
  </view>
</template>

<script>
  import UserDate from '@/components/UserInfo/user-date.vue'
  export default {
    components: {UserDate},
    data() {
      return {
        
      }
    },
    methods: {
      toMedicines() {
        uni.navigateTo({
          url: `./Medicines`
        })
      }
    }
  }
</script>

<style lang="scss" scoped>
.tcard {
  justify-content: space-between;
  padding: 24upx;
  .left {
    justify-content: flex-start;
    align-items: center;
    .img {
      width: 64upx;
      height: 64upx;
      margin-right: 16upx;
    }
    .info {
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      font-size: 24upx;
      line-height: 44upx;
      .time {
        color: rgba(0,0,0,0.4);
      }
    }
  }
  .arrow-right {
    color: rgba(0,0,0,0.4);
  }
}
</style>
